<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Franklin Capital Corporation</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
    <header>
        <h1><img src="images/Franklin-Capital-Corporation-logo.png" alt="Franklin Capital Corporation"  />Franklin Capital Corporation </h1>
        <nav>
            <ul>
                <li><a href="#" class="first selected">Home</a></li>
                <li><a href="#">Make a Payment</a></li>
                <li><a href="#">Auto Pay Setup</a></li>
                <li><a href="#">View History</a></li>
                <li><a href="#">Manage Account</a></li>
            </ul>
        </nav>
        <form id="search" method="post" action="">
            <input type="text" value="Search" />
            <span></span>
            <button type="submit">Go</button>
        </form>
    </header>
    <div id="content" class="inner">
        <div id="banner" class="customerServices full">
            <h2>Customer Service</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in lectus at nisl vulputate accumsan a eu felis.</p>
            <img id="banner_img" src="images/services_banner.png" alt="Auto Loans" />
        </div>
        <div id="bodyContainer" class="col2">
            <div class="main_col">
                <h2><strong>Manage</strong> Account</h2>
                <p>I certify that I have read, and accept all terms & that I authorize Franklin Capital Corporation to initiate 
the following debit entry...</p>
                <p>
                    <label>Name</label><strong>: Mr. Mark Smith</strong>
                    <label>Account Number</label><strong>: 225668462</strong>
                    <label>Amount</label><a href="#" class="quote">Get Payoff Quote</a>
                </p>
                <hr />
                <form method="post" action="">
                    <ul class="form">
                        <li>
                            <label for="address1">Address 1</label>
                            <input type="text" id="address1" name="address1" />
                        </li>
                        <li>
                            <label for="address2">Address 2</label>
                            <input type="text" id="address2" name="address2" />
                        </li>
                        <li class="small">
                            <label for="zip">Zip</label>
                            <input type="text" id="zip" name="zip" />
                        </li>
                        <li class="small">
                            <label for="state">State</label>
                            <input type="text" id="state" name="state" />
                        </li>
                        <li class="small">
                            <label for="homePhone">Home Phone</label>
                            <input type="text" id="homePhone" name="homePhone" />
                        </li>
                        <li class="small">
                            <label for="workPhone">Work Phone</label>
                            <input type="text" id="workPhone" name="workPhone" />
                        </li>
                        <li class="small_inp">
                            <label for="cellPhone">Cell Phone</label>
                            <input type="text" id="cellPhone" name="cellPhone" />
                        </li>
                        <li class="small">
                            <label for="primEmail">Primary Email</label>
                            <input type="text" id="primEmail" name="primEmail" />
                        </li>
                        <li class="small">
                            <label for="secEmail">Secondary Email</label>
                            <input type="text" id="secEmail" name="secEmail" />
                        </li>
                    </ul>
                    <hr />
                    <ul class="form">
                        <li>
                            <label>eStatement</label>
                            <input type="radio" id="eStatement_enabled" name="eStatement" checked="checked" />
                            <input type="radio" id="eStatement_disabled" name="eStatement" />
                            <button type="button" class="edit">Edit</button>
                        </li>
                        <li>
                            <label>Auto Pay</label>
                            <input type="radio" id="autopay_enabled" name="autopay" checked="checked" />
                            <input type="radio" id="autopay_disabled" name="autopay" />
                            <button type="button" class="edit">Edit</button>
                        </li>
                        <li class="small_inp">
                            <label for="password">Password</label>
                            <input type="password" id="password" name="password" />
                            <button type="button" class="edit">Edit</button>
                        </li>
                        <li>
                            <label for="password"></label>
                            <button type="submit" class="save">Save</button>
                        </li>
                    </ul>
                </form>
            </div>
            <div class="side_col top_space">
                <ul class="grey">
                    <li class="header"><h3><strong>Account</strong> Info</h3></li>
                    <li class="dark">Account Number <strong>25585468</strong></li>
                    <li>Contract Date <strong>22 : 12 : 2011</strong></li>
                    <li class="dark">Original Principal Balance <strong>$256</strong></li>
                    <li>Current Principal Balance <strong>22/12/2011</strong></li>
                    <li class="dark">Interest Rate <strong>4.50%</strong></li>
                    <li><a href="#" class="signup">Get Payoff Quote</a></li>
                </ul>
                <div class="grey">
                    <h3>Auto Pay</h3>
                    <a href="#" class="signup">Sign up Here</a>
                </div>
                <div class="grey">
                    <h3>E-Statement</h3>
                    <a href="#" class="signup">Sign up Here</a>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <ul>
            <li class="needHelp"> Need help? </li>
            <li class="customerServiceOnline"> 
                <a href="#" title="Click to contact Customer Services Online">Click</a>
                <strong>Customer Service Online</strong> 
            </li>
            <li class="call">
                <p>Call <a href="tel:1-800-125-9568">1-800-FCC-1 (1-800-125-9568)</a></p>
            </li>
            <li class="visit">
                <p>Visit a <strong>FCC Branch</strong></p>
            </li>
        </ul>
        <div id="copyright">
            <hr />
            Copyright © 2011. Franklin Capital Corporation. All rights reserved. <a href="">Terms of Use</a> | <a href="">Privacy Policy</a> 
        </div>
    </footer>
<script type="text/javascript">
$(function(){
    $("input[type='radio']").each(function(){
        var thisCheckbox = $(this);
        var thisCheckboxId = thisCheckbox.attr('id');
        var thisText = (thisCheckboxId.indexOf('enabled') > 0) ? 'Enable' : (thisCheckboxId.indexOf('disabled') > 0) ? 'Disable' : '';

        var newCheckbox = $('<span class="form_check en '+thisText+'">'+thisText+'</span>');
        if(thisCheckbox.is(':checked')){
            newCheckbox.addClass('checked');
        }

        newCheckbox.click(function(){
            thisCheckbox.click();
            $("span.form_check[name='"+thisCheckbox.attr('name')+"']").removeClass('checked');
            $(this).addClass('checked');
        });

        thisCheckbox.change(function(){
            newCheckbox.click();
        });

        newCheckbox.attr('name', thisCheckbox.attr('name'));
        thisCheckbox.hide(0).after(newCheckbox);
    });

});
</script>
</div>
</body>
</html>